<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title></title>
    <meta charset="UTF-8">
    <link type="text/css" rel="stylesheet" href="css/bootstrap.css">
    <link type="text/css" rel="stylesheet" href="css/bootstrap-theme.css">
    <link type="text/css" rel="stylesheet" href="css/common.css">
    <link type="text/css" rel="stylesheet" href="css/index.css">

    <style type="text/css">
        .panel .row {
            margin: 5px 0;
        }
        .panel {
            margin-bottom: 0;
        }
    </style>
</head>
<body>
<!-- 导航条 -->
<div class="container">
    <div class="panel navbar navbar-inverse" style="margin-bottom: 0;">
        <div class="navbar-header" style="margin-right: 100px;">
           <a herf="./index.html"><img src="img/logo.jpg" class="logo"></a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
                <li class="dropdown">
                    <a data-toggle="dropdown" class="dropdown-toggle" href="./project.html">来投资 <span class="caret"></span></a>
                    <ul role="menu" class="dropdown-menu">
                        <li><a href="./project.html">项目投标</a></li>
                        <li><a href="./fund.html">基金交易</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a data-toggle="dropdown" class="dropdown-toggle" href="./reg.html">来理财 <span class="caret"></span></a>
                    <ul role="menu" class="dropdown-menu">
                        <li><a href="./question.html">风险测评</a></li>
                        <li><a href="./member.html">理财会员</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a data-toggle="dropdown" class="dropdown-toggle" href="./blog.html">来了解 <span class="caret"></span></a>
                    <ul role="menu" class="dropdown-menu">
                        <li><a href="./blog.html">全部</a></li>
                        <li><a href="./blog.html">理财知识</a></li>
                        <li><a href="./blog.html">金融市场</a></li>
                        <li><a href="./blog.html">财经资讯</a></li>
                        <li><a href="./blog.html">投资技巧</a></li>
                        <li><a href="./blog.html">生活享受</a></li>
                    </ul>
                </li>
                <li><a href="#">来扎堆</a></li>
            </ul>
            <div class="navbar-form navbar-right">
                <a href="#" class="btn"><img src="img/btn_login.png"></a>
                <a href="./reg.html" class="btn"><img src="img/btn_regist.png"></a>
            </div>
        </div>
    </div>
</div>

<div class="container" role="main">
    <!-- banner -->
    <div class="panel panel-default top">
        <div class="top_btn">
            <h2 style="font-size: 38px;">你的钱，你来赚!</h2>
            <a href="./reg.html"><img src="img/btn_zhuan.jpg"></a>
        </div>
    </div>

    <div class="panel panel-default" style="margin-bottom: 0;border-bottom: none;">
        <div class="panel-heading row" style="padding: 0;margin: 0;background: #f6f6f6 none;">
            <img src="img/hbjj.jpg" class="pull-left">
            <!--div class="pull-right" style="padding-top: 30px;">
                <span style="font-size: 13px;">来看看你的投资组合建议&gt;&gt;</span>
                <a href="./reg.html" class="btn"><img src="img/btn_zhuan_01.jpg"></a>
            </div-->
        </div>
        <div class="panel-body">
            <div class="row hbjj">
                <div class="col-md-3">
                    <div class="pull-left">
                        <span class="title_active">工银货币</span>
                        <!-- 推荐 -->
                        <img src="img/tuijian.png" class="tuijian">
                        <ul class="list-unstyled">
                            <li><a href="#">起购金额：100元</a></li>
                            <li><a href="#">上月收益：2.4%</a></li>
                            <li><a href="#">上半年收益：3.0%</a></li>
                            <li><a href="#">年收益：3.5%</a></li>
                            <li><a href="#">最低期限：3个月</a></li>
                            <li><a href="#">优势：起点低、风险小</a></li>
                            <li><a href="#">适合人群：存款不多的上班族，每月有固定的结余，希望定期做小额的理财计划。</a></li>
                        </ul>
                    </div>
                    <!--<div class="pull-right">
                        <img src="img/split.jpg">
                    </div>-->
                </div>
                <div class="col-md-3">
                    <span class="split"></span>
                    <span class="title">农银货币</span>
                    <ul class="list-unstyled">
                        <li><a href="#">起购金额：100元</a></li>
                        <li><a href="#">上月收益：2.4%</a></li>
                        <li><a href="#">上半年收益：3.0%</a></li>
                        <li><a href="#">年收益：3.5%</a></li>
                        <li><a href="#">最低期限：3个月</a></li>
                        <li><a href="#">优势：起点低、风险小</a></li>
                        <li><a href="#">适合人群：存款不多的上班族，每月有固定的结余，希望定期做小额的理财计划。</a></li>
                    </ul>
                </div>
                <div class="col-md-3">
                    <span class="split"></span>
                    <span class="title">南方现金增利货币A</span>
                    <ul class="list-unstyled">
                        <li><a href="#">起购金额：100元</a></li>
                        <li><a href="#">上月收益：2.4%</a></li>
                        <li><a href="#">上半年收益：3.0%</a></li>
                        <li><a href="#">年收益：3.5%</a></li>
                        <li><a href="#">最低期限：3个月</a></li>
                        <li><a href="#">优势：起点低、风险小</a></li>
                        <li><a href="#">适合人群：存款不多的上班族，每月有固定的结余，希望定期做小额的理财计划。</a></li>
                    </ul>
                </div>
                <div class="col-md-3">
                    <span class="split"></span>
                    <span class="title">农银货币</span>
                    <ul class="list-unstyled">
                        <li><a href="#">起购金额：100元</a></li>
                        <li><a href="#">上月收益：2.4%</a></li>
                        <li><a href="#">上半年收益：3.0%</a></li>
                        <li><a href="#">年收益：3.5%</a></li>
                        <li><a href="#">最低期限：3个月</a></li>
                        <li><a href="#">优势：起点低、风险小</a></li>
                        <li><a href="#">适合人群：存款不多的上班族，每月有固定的结余，希望定期做小额的理财计划。</a></li>
                    </ul>
                </div>
                <div style="float: right;"><a href="./reg.html" class="btn"><img src="img/btn_zhuan_01.jpg"></a></div>
            </div>
        </div>
    </div>

    <!--div class="panel panel-default" style="margin-bottom: 0;border-bottom: none;">
        <div class="panel-heading row" style="padding: 0;margin: 0;background: #f6f6f6 none;">
            <h2 class="pull-left" style="margin-left:15px;font-size: 26px;color:#FF4500;font-family:'Microsoft Yahei, Arial';font-weight: bold;">推荐投资组合</h2>
            <div class="pull-right" >
                <!--button type="button" class="btn btn-danger" style="margin-top: 15px;margin-right: 15px;">重新制定</button>
            </div>
        </div>
    </div-->
        <div class="panel">

        <div class="col-md-8" style="height: 100% ;margin-top: 25px;">
            <div class="col-md-4" style="height: 100%;vertical-align:middle;">
                <div><img src="img/icon1.png"></div>
                <h3>正确的方向</h3>
            </div>
            <div class="col-md-4" style="height: 100%">
                <div><img src="img/icon2.png"></div><h3>合理的配置</h3>
            </div>
            <div class="col-md-4" style="height: 100%">
                <div><img src="img/icon3.png"></div> <h3>顶级的服务</h3>
            </div>
        </div>
        <!-- 推荐投资组合 -->
        <div class="col-md-4" style="height: 100%">
            <form class="form-horizontal" role="form" action="portfolio.html">
                <div class="form-group form-group-sm">
                    <h3 style="margin-bottom: 10px;">定制理财方案</h3>
                </div>
                <div class="form-group form-group-sm" style="margin-right: 15px;">
                    <label for="inputMoney" class="col-sm-4 control-label">投资金额：</label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control input-sm "  id="inputMoney" placeholder="万元">
                    </div>
                </div>
                <div class="form-group form-group-sm" style="margin-right: 15px;">
                    <label for="inputPeriod" class="col-sm-4 control-label">投资期限：</label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control" id="inputPeriod" placeholder="月">
                    </div>
                </div>
                <div class="form-group form-group-sm" style="margin-right: 15px;">
                    <label for="inputYearGainPercent" class="col-sm-4 control-label">预期收益率：</label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control" id="inputYearGainPercent" placeholder="7.5%">
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-sm-offset-6 col-sm-10">
                        <button type="submit" class="btn btn-danger">
                            推荐投资组合
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <!-- 货币基金 -->
    <div class="panel panel-default" style="margin-bottom: 0;border-bottom: none;">
        <div class="panel-heading row" style="padding: 0;margin: 0;background: #f6f6f6 none;">
            <img src="img/hbjj.jpg" class="pull-left">
            <!--div class="pull-right" style="padding-top: 30px;">
                <span style="font-size: 13px;">来看看你的投资组合建议&gt;&gt;</span>
                <a href="./reg.html" class="btn"><img src="img/btn_zhuan_01.jpg"></a>
            </div-->
        </div>
        <div class="panel-body">
            <div class="row hbjj">
                <div class="col-md-3">
                    <div class="pull-left">
                        <span class="title_active">工银货币</span>
                        <!-- 推荐 -->
                        <img src="img/tuijian.png" class="tuijian">
                        <ul class="list-unstyled">
                            <li><a href="#">起购金额：100元</a></li>
                            <li><a href="#">上月收益：2.4%</a></li>
                            <li><a href="#">上半年收益：3.0%</a></li>
                            <li><a href="#">年收益：3.5%</a></li>
                            <li><a href="#">最低期限：3个月</a></li>
                            <li><a href="#">优势：起点低、风险小</a></li>
                            <li><a href="#">适合人群：存款不多的上班族，每月有固定的结余，希望定期做小额的理财计划。</a></li>
                        </ul>
                    </div>
                    <!--<div class="pull-right">
                        <img src="img/split.jpg">
                    </div>-->
                </div>
                <div class="col-md-3">
                    <span class="split"></span>
                    <span class="title">农银货币</span>
                    <ul class="list-unstyled">
                        <li><a href="#">起购金额：100元</a></li>
                        <li><a href="#">上月收益：2.4%</a></li>
                        <li><a href="#">上半年收益：3.0%</a></li>
                        <li><a href="#">年收益：3.5%</a></li>
                        <li><a href="#">最低期限：3个月</a></li>
                        <li><a href="#">优势：起点低、风险小</a></li>
                        <li><a href="#">适合人群：存款不多的上班族，每月有固定的结余，希望定期做小额的理财计划。</a></li>
                    </ul>
                </div>
                <div class="col-md-3">
                    <span class="split"></span>
                    <span class="title">南方现金增利货币A</span>
                    <ul class="list-unstyled">
                        <li><a href="#">起购金额：100元</a></li>
                        <li><a href="#">上月收益：2.4%</a></li>
                        <li><a href="#">上半年收益：3.0%</a></li>
                        <li><a href="#">年收益：3.5%</a></li>
                        <li><a href="#">最低期限：3个月</a></li>
                        <li><a href="#">优势：起点低、风险小</a></li>
                        <li><a href="#">适合人群：存款不多的上班族，每月有固定的结余，希望定期做小额的理财计划。</a></li>
                    </ul>
                </div>
                <div class="col-md-3">
                    <span class="split"></span>
                    <span class="title">农银货币</span>
                    <ul class="list-unstyled">
                        <li><a href="#">起购金额：100元</a></li>
                        <li><a href="#">上月收益：2.4%</a></li>
                        <li><a href="#">上半年收益：3.0%</a></li>
                        <li><a href="#">年收益：3.5%</a></li>
                        <li><a href="#">最低期限：3个月</a></li>
                        <li><a href="#">优势：起点低、风险小</a></li>
                        <li><a href="#">适合人群：存款不多的上班族，每月有固定的结余，希望定期做小额的理财计划。</a></li>
                    </ul>
                </div>
                <div style="float: right;"><a href="./reg.html" class="btn"><img src="img/btn_zhuan_01.jpg"></a></div>
            </div>
        </div>
    </div>

</div>

<!-- 底部介绍 -->
<div class="container">
    <div class="panel panel-default jieshao" style="margin-bottom: 0">
        <div class="panel-body" style="padding-bottom: 0;margin-left: 20px;">
            <div style="width:150px;float: left;>
                <a herf="./index.html"><img src="img/logo.jpg" class="logo"></a>
            </div>
            <div style="width:150px;float: left;">
                <img src="img/b01.png">
                <h5>关于新橘财富</h5>
                <ul class="list-unstyled">
                    <li><a href="#">新橘财富介绍</a></li>
                    <li><a href="#">管理层团队</a></li>
                    <li><a href="#">公告和新闻</a></li>
                </ul>
            </div>
            <div style="width: 150px;float: left;">
                <img src="img/b02.png">
                <h5>帮助中心</h5>
                <ul class="list-unstyled">
                    <li><a href="#">注册及认证</a></li>
                    <li><a href="#">投资操作</a></li>
                    <li><a href="#">新手必读</a></li>
                </ul>
            </div>
            <div style="width: 150px;float: left;">
                <img src="img/b03.png">
                <h5>安全保障</h5>
                <ul class="list-unstyled">
                    <li><a href="#">投资安全</a></li>
                    <li><a href="#">资金安全</a></li>
                    <li><a href="#">数据及信息</a></li>
                    <li><a href="#">隐私保密</a></li>
                </ul>
            </div>

            <div style="width: 250px;float: left;margin-left: 15px;">

                <h2>全国服务热线</h2>
                <div><h3>4001-8888-888</h3></div>
            </div>
</div>
</div>
</div>

<!-- 底部 -->
<div class="container">
    <div class="panel footer panel-body" style="background-color: #303133;margin: 0">
        <div class="row panel-body" style="padding: 0">
            <div class="col-sm-3">
                <span style="margin-right: 60px;">版权所有 &copy; xxxxxxxxxxxxxxxxx</span>
            </div>
            <div class="col-lg-2" style="padding-left: 0;padding-right: 0">

            </div>
            <div class="col-sm-7 text-right">
                <span>注册新橘财富</span>
                <label>邮箱：<input type="text"></label>
                <label>密码：<input type="text"></label>
                <a href="./reg.html" style="margin-left: 15px;"><img src="img/regist.jpg"></a>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>
